﻿/* File Created: abril 23, 2013 */

$(document).ready(function () {
    $('#btnAgregarIntegrante').button();

    cargarIntegrantes();
    cargarSelectProyectos();

    function cargarSelectProyectos() {
        $.post(window.location.href, { action: 'CargarSelectProyectos', id: 'selectProyectos' }, function (response) {
            $('#divSeleccionarProyecto').html('Seleccionar proyecto: ' + response);

            $('#selectProyectos').change(function () {
                cargarIntegrantes();
            });

            cargarIntegrantes();
        });
    }

    function cargarIntegrantes() {
        $.post(window.location.href, { action: 'CrearContenidoIntegrantes', proyecto: $('#selectProyectos').val() }, function (response) {
            $('#divIntegrantes').html(response);
            $('#divIntegrantes').show('fade', 500);

            modificarIntegrante();
            eliminarIntegrante();
        });
    }

    function modificarIntegrante() {
        $('#tblIntegrantes').on({
            click: function () {
                var boton = $(this);

                var id = boton.attr('data-id');
                var rol = boton.attr('data-rol');

                $.post(window.location.href, { action: 'CrearDialogoEditarIntegrante' }, function(response) {
                    $('#modal').html(response);

                    $('#selectRoles').val(rol);
                });
                
                $('#modal').dialog({
                    title: 'Modificación de Integrante',
                    resizable: false,
                    draggable: false,
                    modal: true,
                    width: 350,
                    height: 300,
                    show: {
                        effect: "blind",
                        duration: 300
                    },
                    hide: {
                        effect: "blind",
                        duration: 300
                    },
                    buttons: {
                        Aceptar: function () {
                            var currentRol = $('#selectRoles').val();
                            $.post(window.location.href, { action: 'ModificarIntegrante', id: id, rol: currentRol, proyecto: $('#selectProyectosDialogo').val() }, function (response) {
                                dialogo(response);
                                cargarIntegrantes();
                            });
                        },
                        Cancelar: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            }
        }, 'span#btnEditarIntegrante');
    }

    function eliminarIntegrante() {
        $('#tblIntegrantes').on({
            click: function () {
                var boton = $(this);

                var id = boton.attr('data-id');

                $('#modal').html('¿Está seguro que desea eliminar este Integrante?');

                $('#modal').dialog({
                    title: 'Eliminación de Integrante',
                    resizable: false,
                    draggable: false,
                    modal: true,
                    width: 400,
                    height: 150,
                    show: {
                        effect: "blind",
                        duration: 300
                    },
                    hide: {
                        effect: "blind",
                        duration: 300
                    },
                    buttons: {
                        Aceptar: function () {
                            $.post(window.location.href, { action: 'EliminarIntegrante', id: id }, function (response) {
                                dialogo(response);
                                cargarIntegrantes();
                            });
                        },
                        Cancelar: function () {
                            $(this).dialog('close');
                        }
                    }
                });
            }
        }, 'span#btnEliminarIntegrante');
    }

    $('#btnAgregarIntegrante').click(function () {

        $.post(window.location.href, { action: 'CrearDialogoAgregarIntegrante' }, function (response) {
            $('#modal').html(response);
        });

        $('#modal').dialog({
            title: 'Crear nuevo Integrante',
            resizable: false,
            draggable: false,
            modal: true,
            width: 300,
            height: 350,
            show: {
                effect: "blind",
                duration: 300
            },
            hide: {
                effect: "blind",
                duration: 300
            },
            buttons: {
                Aceptar: function () {

                    $.post(window.location.href, { action: 'RegistrarIntegrante', usuario: $('#selectUsuarios').val(), rol: $('#selectRoles').val(), proyecto: $('#selectProyectosDialogo').val()
                    }, function (response) {
                        dialogo(response);
                        cargarIntegrantes();
                    });

                    $(this).dialog('close');
                },
                Cancelar: function () {
                    $(this).dialog('close');
                }
            }
        });
    });

    function dialogo(mensaje) {
        $('#modal').dialog({
            title: 'Aviso',
            resizable: false,
            draggable: false,
            modal: true,
            width: 300,
            height: 200,
            show: {
                effect: "fade",
                duration: 200
            },
            hide: {
                effect: "fade",
                duration: 200
            },
            buttons: {
                Aceptar: function () {
                    $(this).dialog('close');
                }
            }
        }).html(mensaje);
    }
});